<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度一下，你就知道</title>
    <!-- 选项卡中的小图标一般约定的名称：favicon.ico -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="container">
        <div class="header clearfix">
            <div class="nav">
                <ul>
                    <li><a href="#">新闻</a></li>
                    <li><a href="#">hao123</a></li>
                    <li><a href="#">地图</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">贴吧</a></li>
                    <li><a href="#">学术</a></li>
                    <li>
                        <a href="#" class="more">
                            <span>更多</span>
                            <object>
                                <div class="list">
                                    <div class="row">
                                        <a href="#" class="item">
                                            <img src="./img/baiduyun.png" alt="百度云盘">
                                            <div class="title">网盘</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/zhidao.png" alt="百度知道">
                                            <div class="title">知道</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/baike.png" alt="百度百科">
                                            <div class="title">百科</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/tupian.png" alt="百度图片">
                                            <div class="title">图片</div>
                                        </a>
                                    </div>
                                    <div class="row">
                                        <a href="#" class="item">
                                            <img src="./img/baobaozhidao.png" alt="百度宝宝知道">
                                            <div class="title">宝宝知道</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/wenku.png" alt="百度文库">
                                            <div class="title">文库</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/jingyan.png" alt="百度经验">
                                            <div class="title">经验</div>
                                        </a>
                                        <a href="#" class="item">
                                            <img src="./img/yinyue.png" alt="百度音乐">
                                            <div class="title">音乐</div>
                                        </a>
                                    </div>
                                    <div class="row">
                                        <a href="#" class="all">查看全部百度产品 ></a>
                                    </div>
                                </div>
                            </object>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="right">
                <ul class="clearfix">
                    <li><a href="#" class="ding">高考加油</a></li>
                    <li>
                        <a href="#" class="city">
                            <span class="name">郑州</span>
                            <img class="weather-pic" src="./img/a7.png" alt="多云">
                            <span class="temp">25℃</span>
                            <span class="wind">良</span>
                        </a>
                    </li>
                    <li><a href="#">设置</a></li>
                    <li>
                        <a href="#" class="user">
                            <img src="./img/user-logo.jpg" alt="用户头像">
                            ddy_lgh
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="middle">
            <div class="logo">
                <img src="./img/baidu.png" alt="百度一下" title="百度一下，你就知道">
            </div>
            <form class="search-box">
                <span class="search">
                    <input type="text">
                    <span class="carmer"></span>
                </span>
                <span class="btn">
                    <button>百度一下</button>
                </span>
            </form>
        </div>
        <div class="footer">
            <div class="left">
                <a href="#">设置首页</a>
                <a href="#">关于百度</a>
                <a href="#">About Baidu</a>
                <a href="#">百度营销</a>
                <a href="#">使用百度前必读</a>
                <a href="#">意见反馈</a>
                <a href="#">帮助中心</a>
            </div>
            <div class="right">
                <span>&copy;2020 Baidu</span>
                <span>(京)-经营性-2017-0020</span>
                <a href="#">京公网安备11000002000001号</a>
                <span>京ICP证030173号</span>
            </div>
        </div>
    </div>
</body>

</html>